import axios from 'axios'
import { Message } from 'element-ui'
import store from '@/store'
import { getTimeStamp } from '@/utils/auth'
import router from '@/router/index'

const TimeOut = 3600 // 定义token超时失效的时间

const service = axios.create({
    // 当执行npm run dev 执行跨域代理
    baseURL: process.env.VUE_APP_BASE_API,
    timeout: 5000
})

// 请求拦截器
service.interceptors.request.use(config => {
    if (store.getters.token) {
        // 只有在有token的情况下，才有必要去检查时间戳是否失效
        if (IsCheckTimeOut()) {
            // token既然失效了，那么就要把用户资料和token删除
            store.dispatch('user/lgout')
            // 跳转到登录页
            router.push('/login')
            // 如果为true,就表示token过期
            return Promise.reject(new Error('token超时了'))
        }
        // 如果有token才注入
        config.headers['Authorization'] = `Bearer ${store.getters.token}`
    }
    return config // config必须要return
}, error => {
    return Promise.reject(error)
})

// 响应拦截器
service.interceptors.response.use(response => {
    // 要根据success的成功与否决定下面的操作
    const { success, message, data } = response.data
    if (success) {
        return data
    } else {
        // 业务已经错误了就应该进catch
        Message.error(message)
        return Promise.reject(new Error(message))
    }
}, error => {
    // token超时的状态码在error信息的response对象里面
    if (error.response && error.response.data && error.response.data.code === 10002) {
        // 当等于10002的时候表示后端告诉我们token超时了，此时就应该删除token和用户资料
        store.dispatch('user/lgout')
        router.push('/login') // 强制跳到登录页
    } else {
        Message.error(error.message)
    }
    return Promise.reject(error) // 返回执行错误 让当前执行链跳出成功 直接进入catch
})

// 检查token是否超时失效
function IsCheckTimeOut() {
    var currentTime = Date.now() // 当前时间
    var timeStamp = getTimeStamp() // 获取存入token的时间戳
    return (currentTime - timeStamp) / 1000 > TimeOut
}

export default service